$same-btn-color: #02B5F7;
%flexRowStart {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}
%flexRowCenter {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
%flexColumn {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
%flexRowBetween {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.logo-img {
  width: 334rpx;
  height: 100rpx;
}
.wrap {
  margin-top: 50%;
  width: 656rpx;
  // height: 707rpx;
  background-color: #fff;
  font-family: PingFangSC, PingFangSC-Regular;
  border-radius: 18rpx;
  box-shadow: 0rpx 9rpx 43rpx 0rpx rgba(206,211,225,0.5);
  @extend %flexColumn;
  .title {
    font-size: 47rpx;
    color: #9b9b9b;
    padding-top: 68rpx;
    padding-bottom: 54rpx;
  }
  .bottom-box {
    @extend %flexColumn;
    align-items: flex-start;
    width: 547rpx;
    margin-bottom: 80rpx;
    //.flex-cen {
    //  @extend %flexRowCenter;
    //}
    .num {
      color: #9b9b9b;
      font-size: 24rpx;
      margin-bottom: 14rpx;
    }
    .num-input {
      color: #000;
      font-size: 24rpx;
      margin-bottom: 14rpx;
    }
    input {
      width: 547rpx;
      height: 65rpx;
      background: #f9f9f9;
      border: 2rpx solid #eeeeee;
      border-radius: 7rpx;
      padding-left: 25rpx;
      box-sizing: border-box;
    }
   .sys-login {
     width: 547rpx;
     height: 65rpx;
     background: #5ac8fa;
     border-radius: 4rpx;
     color: #fff;
     @extend %flexRowCenter;
     margin-top: 58rpx;
     margin-bottom: 52rpx;
   }
    .wechat-login {
      width: 547rpx;
      height: 65rpx;
      background: #3aafb9;
      border-radius: 4rpx;
      color: #fff;
      @extend %flexRowCenter;
    }
  }
}
.index-wrap {
  position: relative;
}
.index-circle {
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.left-bottom-circle {
  bottom: -80rpx;
  right: -180rpx;
  width: 129*2rpx;
  height: 129*2rpx;
  background-color: $left-bottom-circle;
}
.right-bottom-circle {
  left: 16rpx;
  bottom: 60rpx;
  width: 218*2rpx;
  height: 218*2rpx;
  background-color: $right-bottom-circle;
}
.right-top-circle {
  right:-10rpx;
  top: 50*2rpx;
  width: 84*2rpx;
  height: 84*2rpx;
  background-color: $right-top-circle;
}
